<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>title</title>
  <script src="../vue.js"></script>
</head>
<body>
<div id="app">

  <h1 @click="isHot = !isHot">{{msg}}</h1>
  <h2 v-if="isHot">今天的天气真热啊</h2>
  <h2 v-if="!isHot">今天真凉快啊</h2>

</div>

<script>
  Vue.config.productionTip = false;
  const vm = new Vue({
    el:'#app',
    data(){
      return{
        msg:'hello Vue~~~',
        isHot:true
      }
    }
  })
</script>

</body>
</html>